@extends('home.layout.layout')
@section('title','购物车')

@section('home-search')
    
@endsection  
      
 @section('home-css')
 <link rel="stylesheet" type="text/css" href="{{asset('/homecss/cart/index.css')}}" media="all">
 @endsection


  @section('home-con')
 <div class="shopping-cart-wrap">
    <div class="sw-hd">
        <a href="{{url('/')}}" class="logo"></a>
        <span class="title">
        
        
        
        </span>
        <ul class="step-bar">
            <li class="active"><em>1</em>我的购物车<i class="blackfive-icon bi-arrow"></i></li>
            <li><em>2</em>提交订单<i class="blackfive-icon bi-arrow"></i></li>
            <li><em>3</em>选择支付方式</li>
        </ul>
    </div>    
      <div class="sw-bd" style = 'line-height:20px'>
        <div class="total-bar"><span class="title">全部商品<em class="total">3</em></span></div>
        <p class="tips">海外买手会根据现行国家政策要求，通过不同的物流方式分别发货，其实对你没有影响啦~</p>
        <div class="table-title">
            <span class="check-all hookCheckAll checkbox-checked"><label><i class="blackfive-icon bi-checkbox hookCheckAllCheckbox"></i>全选</label></span>
            <span class="product-info">商品信息</span>
            <span class="price">单价(元)</span>
            <span class="count">数量</span>
            <span class="sum">金额(元)</span>
            <span class="operate">操作</span>
        </div>
        <div class="product-list-wrap" id="prodListContainer" data-promotion="1">
                <div class="product-hd hookSeller checkbox-checked">
                    <span class="checkbox-w"><i class="blackfive-icon bi-checkbox hookCheckbox"></i></span>

                    <a href="javascript://#!" title="店铺正在建设中..." class="seller">
                        <img title="买手头像" class="avatar" src="{{asset('/homecss/cart/cgvubfg0bb-alwknaaaazutyncc953_1_1_m.jpg')}}">
                        <span class="name">加号全球购</span>
                    </a>
                    <a href="javascript://#!" class="seller-site">
                        <img src="{{asset('/homecss/cart/japan.png')}}" class="country" height="16" width="16">
                        <span class="name">日本</span>
                    </a>

                    <a href="http://www.ymatou.com/product/imyy/dialog?sellerId=15206250&amp;sellerName=%E5%8A%A0%E5%8F%B7%E5%85%A8%E7%90%83%E8%B4%AD" target="_top" class="blackfive-icon bi-seller"></a>

                    <i class="blackfive-icon bi-yhq hkViewCouponList" data-sellerid="15206250"></i>
                    <!--优惠券开始-->
                    <div class="floating-layer yhq-wrap hkCouponList" style="display: none;">
                    </div>
                    <!--优惠券结束-->
                </div>
                <ul class="product-bd hookProdList">
                                <li class="item item-checked" data-cartitemid="586deb525e7c200fc06959c1" data-catalogid="306cd40f-002f-45df-b8ea-d1a00e607f30">
                                    <span class="check"><i class="blackfive-icon bi-checkbox hookCheckbox"></i></span>
                                    <div class="check-product-info">
                                
                                        <!--修改属性开始-->
                                        <div class="floating-layer modify-attribute-wrap hkAttrLayer" style="display: none;">
                                            <i class="blackfive-icon bi-arrow-top"></i>
                                            <div class="fl-wrap">
                                
                                                <div class="modify-attribute">
                                                    <!-- 价格 -->
                                                    <dl class="mas-prop">
                                                        <dt class="mas-title">价格</dt>
                                                        <dd>
                                                            <span class="mas-price">NaN</span>
                                                        </dd>
                                                        <span class="sum-num"></span>
                                                    </dl>
                                                    <div class="ma-sku">
                                                        <!-- 属性1 -->
                                                        <!-- 属性2 -->
                                                        <dl class="mas-prop">
                                                            <dt class="mas-title">颜色</dt>
                                                            <dd>
                                                                <ul class="mas-meta mas-color">
                                                                    <li><img src="{{asset('/homecss/cart/cgvua1fhkkcaibllaatdx82qqkw724_n_w_o.jpg')}}">黑石榴纹<i class="blackfive-icon bi-checked"></i></li>
                                                                    <li class="selected"><img src="{{asset('/homecss/cart/cgvua1fhkkcaibllaatdx82qqkw724_n_w_o.jpg')}}">荔枝皮纹＋蛇皮纹<i class="blackfive-icon bi-checked"></i></li>
                                                                </ul>
                                                            </dd>
                                                        </dl>
                                                    </div>
                                                    <div class="ma-btns">
                                                        <button class="btn-comfirm">确定</button><button class="btn-cancel">取消</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--修改属性结束-->
                                
                                        <dl class="product-info">
                                            <dt class="pi-img"><a href="http://www.ymatou.com/Product/83e0e684-a4b9-44af-ac81-bb2c6cdbd20c.html" target="_top"><img src="{{asset('/homecss/cart/cgvua1gw77gauekpaaatmdnbqis884_400_533_n_w_lb.jpg')}}" height="80" width="80"></a>
                                                
                                                
                                            </dt>
                                            <dd class="pi-info">
                                                <p class="pi-name">
                                                    <em class="pi-type">
                                                    
                                                    
                                                    包邮包税
                                                    </em>
                                                2017新版资生堂ANESSA安耐晒防晒霜金瓶安热沙60ml防水SPF50+
                                                </p>
                                
                                
                                                <div class="pi-attribute hookAttr" ismulti="true">
                                                    
                                
                                                </div>
                                
                                
                                                <p class="pi-icon">
                                                    <span>
                                                            <i class="logistics-icon li-pinyou"></i>
                                                            拼邮
                                                    </span>
                                                    <span><i class="logistics-icon li-tuihuo"></i>
                                                        
                                                        
                                                        本土退货
                                                    </span>
                                                </p>
                                            </dd>
                                
                                
                                            <p class="product-time hkRestTime" id="prod586deb525e7c200fc06959c1" data-time="-1"></p>
                                        </dl>
                                
                                
                                        <div class="price">
                                            <p class="current-price hookCurPrice">162.50</p>
                                        </div>
                                
                                        <div class="count">
                                            <div class="count-check hookPurchaseNum">
                                                <span class="reduce disabled" title="减少"><em></em></span><input readonly="readonly" value="1" type="text"><span class="add" title="增加">+</span>
                                            </div>
                                
                                
                                        </div>
                                        <div class="sum hookProdTotalPrice">162.50</div>
                                        <div class="operate">
                                            <p class="delete hookToDelete">删除</p>
                                            <!-- <p class="find-similar hookFindSimilar" id="83e0e684-a4b9-44af-ac81-bb2c6cdbd20c">找相似<i class="blackfive-icon bi-find-similar"></i></p> -->
                                        </div>
                                    </div>
                                    <!--找相似浮层-->
                                    <div class="floating-layer find-similar-wrap">
                                        <i class="blackfive-icon bi-arrow-top"></i>
                                        <div class="fl-wrap">
                                            <span class="blackfive-icon bi-arrow-prev"></span>
                                            <span class="blackfive-icon bi-arrow-next"></span>
                                            <ul class="product-list">
                                                <li class="product-item">
                                                    <a href="http://www.ymatou.com/shopping/shoppingcart" class="product-img">
                                                        <img src="{{asset('/homecss/cart/cgvua1fhkkcaibllaatdx82qqkw724_n_w_o.jpg')}}">
                                                        <i class="product-icon pi-tuan"></i>
                                                    </a>
                                                    <p class="name">英国大牌COACH玫瑰英国大牌COACH金...</p>
                                                    <p class="price">¥ 1345.99</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>    <!--找相似浮层-->
                                </li>

                </ul>
                <div class="product-hd hookSeller checkbox-checked">
                    <span class="checkbox-w"><i class="blackfive-icon bi-checkbox hookCheckbox"></i></span>

                    <a href="javascript://#!" title="店铺正在建设中..." class="seller">
                        <img title="买手头像" class="avatar" src="{{asset('/homecss/cart/cgvubfyjq4aaccpiaabvdhuscoq031_m.jpg')}}">
                        <span class="name">容静岚</span>
                    </a>
                    <a href="javascript://#!" class="seller-site">
                        <img src="{{asset('/homecss/cart/australia.png')}}" class="country" height="16" width="16">
                        <span class="name">澳大利亚</span>
                    </a>

                    <a href="http://www.ymatou.com/product/imyy/dialog?sellerId=7355752&amp;sellerName=%E5%AE%B9%E9%9D%99%E5%B2%9A" target="_top" class="blackfive-icon bi-seller"></a>

                    <i class="blackfive-icon bi-yhq hkViewCouponList" data-sellerid="7355752"></i>
                    <!--优惠券开始-->
                    <div class="floating-layer yhq-wrap hkCouponList" style="display: none;">
                    </div>
                    <!--优惠券结束-->
                </div>
                <ul class="product-bd hookProdList">
                                <div class="full-reduction"><em class="type">减</em><span id="promotionId9721">购满699元，即可减10元，还差447元</span>
                                <!-- <a href="#" class="link-select">去凑单 ></a> -->
                                </div>
                                <div class="full-reduction-border"></div>
                                <li class="item item-checked" data-cartitemid="586deb1e3a8e4a068c0c8eb5" data-catalogid="efac2129-8c17-49e7-b86a-3ccfb1f057cb">
                                    <span class="check"><i class="blackfive-icon bi-checkbox hookCheckbox"></i></span>
                                    <div class="check-product-info">
                                
                                        <!--修改属性开始-->
                                        <div class="floating-layer modify-attribute-wrap hkAttrLayer" style="display: none;">
                                            <i class="blackfive-icon bi-arrow-top"></i>
                                            <div class="fl-wrap">
                                
                                                <div class="modify-attribute">
                                                    <!-- 价格 -->
                                                    <dl class="mas-prop">
                                                        <dt class="mas-title">价格</dt>
                                                        <dd>
                                                            <span class="mas-price">NaN</span>
                                                        </dd>
                                                        <span class="sum-num"></span>
                                                    </dl>
                                                    <div class="ma-sku">
                                                        <!-- 属性1 -->
                                                        <!-- 属性2 -->
                                                        <dl class="mas-prop">
                                                            <dt class="mas-title">颜色</dt>
                                                            <dd>
                                                                <ul class="mas-meta mas-color">
                                                                    <li><img src="{{asset('/homecss/cart/cgvua1fhkkcaibllaatdx82qqkw724_n_w_o.jpg')}}">黑石榴纹<i class="blackfive-icon bi-checked"></i></li>
                                                                    <li class="selected"><img src="{{asset('/homecss/cart/cgvua1fhkkcaibllaatdx82qqkw724_n_w_o.jpg')}}">荔枝皮纹＋蛇皮纹<i class="blackfive-icon bi-checked"></i></li>
                                                                </ul>
                                                            </dd>
                                                        </dl>
                                                    </div>
                                                    <div class="ma-btns">
                                                        <button class="btn-comfirm">确定</button><button class="btn-cancel">取消</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--修改属性结束-->
                                
                                        <dl class="product-info">
                                            <dt class="pi-img"><a href="http://www.ymatou.com/Product/3261a889-26b8-49a0-b2ac-08899034465b.html" target="_top"><img src="{{asset('/homecss/cart/cgvubfheajuank7iaakqkipxt9o628_1_1_n_w_lb.jpg')}}" height="80" width="80"></a>
                                                <i class="product-icon pi-zhibo"></i>
                                                
                                            </dt>
                                            <dd class="pi-info">
                                                <p class="pi-name">
                                                    <em class="pi-type">
                                                    
                                                    
                                                    包邮包税
                                                    </em>
                                                【2瓶】Swisse小黄瓜卸妆水300ml
                                                </p>
                                
                                
                                                <div class="pi-attribute hookAttr" ismulti="true">
                                                    
                                
                                                </div>
                                
                                
                                                <p class="pi-icon">
                                                    <span>
                                                            <i class="logistics-icon li-xlob-zy"></i>
                                                            贝海直邮
                                                    </span>
                                                    <span><i class="logistics-icon li-tuihuo"></i>
                                                        
                                                        
                                                        本土退货
                                                    </span>
                                                </p>
                                            </dd>
                                
                                
                                            <p class="product-time hkRestTime" id="prod586deb1e3a8e4a068c0c8eb5" data-time="31639"><span class="time-txt">还剩</span><em class="">0</em><em class="">8</em><span>:</span><em class="">4</em><em class="">6</em><span>:</span><em class="">4</em><em class="">1</em>结束</p>
                                        </dl>
                                
                                
                                        <div class="price">
                                            <p class="current-price hookCurPrice">126.00</p>
                                        </div>
                                
                                        <div class="count">
                                            <div class="count-check hookPurchaseNum">
                                                <span class="reduce" title="减少"><em></em></span><input readonly="readonly" value="2" type="text"><span class="add" title="增加">+</span>
                                            </div>
                                
                                
                                        </div>
                                        <div class="sum hookProdTotalPrice">252.00</div>
                                        <div class="operate">
                                            <p class="delete hookToDelete">删除</p>
                                            <!-- <p class="find-similar hookFindSimilar" id="3261a889-26b8-49a0-b2ac-08899034465b">找相似<i class="blackfive-icon bi-find-similar"></i></p> -->
                                        </div>
                                    </div>
                                    <!--找相似浮层-->
                                    <div class="floating-layer find-similar-wrap">
                                        <i class="blackfive-icon bi-arrow-top"></i>
                                        <div class="fl-wrap">
                                            <span class="blackfive-icon bi-arrow-prev"></span>
                                            <span class="blackfive-icon bi-arrow-next"></span>
                                            <ul class="product-list">
                                                <li class="product-item">
                                                    <a href="http://www.ymatou.com/shopping/shoppingcart" class="product-img">
                                                        <img src="{{asset('/homecss/cart/cgvua1fhkkcaibllaatdx82qqkw724_n_w_o.jpg')}}">
                                                        <i class="product-icon pi-tuan"></i>
                                                    </a>
                                                    <p class="name">英国大牌COACH玫瑰英国大牌COACH金...</p>
                                                    <p class="price">¥ 1345.99</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>    <!--找相似浮层-->
                                </li>

                </ul>
                <div class="product-hd hookSeller checkbox-checked">
                    <span class="checkbox-w"><i class="blackfive-icon bi-checkbox hookCheckbox"></i></span>

                    <a href="javascript://#!" title="店铺正在建设中..." class="seller">
                        <img title="买手头像" class="avatar" src="{{asset('/homecss/cart/cgvua1g0bq2an7e7aaaxzqizsew350_1_1_m.jpg')}}">
                        <span class="name">依然正品</span>
                    </a>
                    <a href="javascript://#!" class="seller-site">
                        <img src="{{asset('/homecss/cart/korea.png')}}" class="country" height="16" width="16">
                        <span class="name">韩国</span>
                    </a>

                    <a href="http://www.ymatou.com/product/imyy/dialog?sellerId=16260747&amp;sellerName=%E4%BE%9D%E7%84%B6%E6%AD%A3%E5%93%81" target="_top" class="blackfive-icon bi-seller"></a>

                    <i class="blackfive-icon bi-yhq hkViewCouponList" data-sellerid="16260747"></i>
                    <!--优惠券开始-->
                    <div class="floating-layer yhq-wrap hkCouponList" style="display: none;">
                    </div>
                    <!--优惠券结束-->
                </div>
                <ul class="product-bd hookProdList">
                                <div class="full-reduction"><em class="type">减</em><span id="promotionId9566">购满5件，即可减10元</span>
                                <!-- <a href="#" class="link-select">去凑单 ></a> -->
                                </div>
                                <div class="full-reduction-border"></div>
                                <li class="item item-checked" data-cartitemid="584ed4de5e7c200b80d81e66" data-catalogid="a435fdfb-50c3-4df5-878b-e0f261239a0a">
                                    <span class="check"><i class="blackfive-icon bi-checkbox hookCheckbox"></i></span>
                                    <div class="check-product-info">
                                
                                        <!--修改属性开始-->
                                        <div class="floating-layer modify-attribute-wrap hkAttrLayer" style="display: none;">
                                            <i class="blackfive-icon bi-arrow-top"></i>
                                            <div class="fl-wrap">
                                
                                                <div class="modify-attribute">
                                                    <!-- 价格 -->
                                                    <dl class="mas-prop">
                                                        <dt class="mas-title">价格</dt>
                                                        <dd>
                                                            <span class="mas-price">NaN</span>
                                                        </dd>
                                                        <span class="sum-num"></span>
                                                    </dl>
                                                    <div class="ma-sku">
                                                        <!-- 属性1 -->
                                                        <!-- 属性2 -->
                                                        <dl class="mas-prop">
                                                            <dt class="mas-title">颜色</dt>
                                                            <dd>
                                                                <ul class="mas-meta mas-color">
                                                                    <li><img src="{{asset('/homecss/cart/cgvua1fhkkcaibllaatdx82qqkw724_n_w_o.jpg')}}">黑石榴纹<i class="blackfive-icon bi-checked"></i></li>
                                                                    <li class="selected"><img src="{{asset('/homecss/cart/cgvua1fhkkcaibllaatdx82qqkw724_n_w_o.jpg')}}">荔枝皮纹＋蛇皮纹<i class="blackfive-icon bi-checked"></i></li>
                                                                </ul>
                                                            </dd>
                                                        </dl>
                                                    </div>
                                                    <div class="ma-btns">
                                                        <button class="btn-comfirm">确定</button><button class="btn-cancel">取消</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--修改属性结束-->
                                
                                        <dl class="product-info">
                                            <dt class="pi-img"><a href="http://www.ymatou.com/Product/533ac7da-458e-4a42-a93a-6ce2ecacacc4.html" target="_top"><img src="{{asset('/homecss/cart/cgvubvebcq-aykd9aadeujj4veo144_n_w_lb.jpg')}}" height="80" width="80"></a>
                                                
                                                
                                            </dt>
                                            <dd class="pi-info">
                                                <p class="pi-name">
                                                    <em class="pi-type">
                                                    
                                                    
                                                    包邮包税
                                                    </em>
                                                JAYJUN 水光再生洗面奶 150ml
                                                </p>
                                
                                
                                                <div class="pi-attribute hookAttr" ismulti="true">
                                                    
                                
                                                </div>
                                
                                
                                                <p class="pi-icon">
                                                    <span>
                                                            <i class="logistics-icon li-third-zy"></i>
                                                            第三方直邮
                                                    </span>
                                                    <span><i class="logistics-icon li-tuihuo"></i>
                                                        
                                                        
                                                        本土退货
                                                    </span>
                                                </p>
                                            </dd>
                                
                                
                                            <p class="product-time hkRestTime" id="prod584ed4de5e7c200b80d81e66" data-time="-1"></p>
                                        </dl>
                                
                                
                                        <div class="price">
                                            <p class="current-price hookCurPrice">86.50</p>
                                                <p><i class="blackfive-icon bi-price"></i></p>
                                        </div>
                                
                                        <div class="count">
                                            <div class="count-check hookPurchaseNum">
                                                <span class="reduce disabled" title="减少"><em></em></span><input readonly="readonly" value="1" type="text"><span class="add" title="增加">+</span>
                                            </div>
                                
                                
                                        </div>
                                        <div class="sum hookProdTotalPrice">86.50</div>
                                        <div class="operate">
                                            <p class="delete hookToDelete">删除</p>
                                            <!-- <p class="find-similar hookFindSimilar" id="533ac7da-458e-4a42-a93a-6ce2ecacacc4">找相似<i class="blackfive-icon bi-find-similar"></i></p> -->
                                        </div>
                                    </div>
                                    <!--找相似浮层-->
                                    <div class="floating-layer find-similar-wrap">
                                        <i class="blackfive-icon bi-arrow-top"></i>
                                        <div class="fl-wrap">
                                            <span class="blackfive-icon bi-arrow-prev"></span>
                                            <span class="blackfive-icon bi-arrow-next"></span>
                                            <ul class="product-list">
                                                <li class="product-item">
                                                    <a href="http://www.ymatou.com/shopping/shoppingcart" class="product-img">
                                                        <img src="{{asset('/homecss/cart/cgvua1fhkkcaibllaatdx82qqkw724_n_w_o.jpg')}}">
                                                        <i class="product-icon pi-tuan"></i>
                                                    </a>
                                                    <p class="name">英国大牌COACH玫瑰英国大牌COACH金...</p>
                                                    <p class="price">¥ 1345.99</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>    <!--找相似浮层-->
                                </li>

                </ul>
        </div>
        <div style=" bottom: 0px; left: 0px; right: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); z-index: 10;" class="account-wrap">
            <div class="aw-l">
                <span class="check-all hookCheckAll checkbox-checked"><label><i class="blackfive-icon bi-checkbox hookCheckAllCheckbox"></i>全选</label></span>
                <span class="del-checked hookToDeleteSelected">删除选中商品</span>
            </div>
            <div class="aw-r">
                <span class="aw-info">已选 <em class="num hookSelectedProdNum">4</em> 件商品，总价<span id="DiscountAmount"></span>：<em class="unit">¥</em><em class="total hookCartTotalPrice">501.00</em></span>
                <button class="account-btn" id="toSettleAccountsBtn">结算</button>
            </div>
        </div>
    </div>
    
        </div>
    </div>
</div>
@endsection



    
   